<!--  -->
<template>
	<div class="page_wrap">
		<header>
			<div class="h_left">
				<i class="iconfont iconarrowLeft-fill" @click="$router.go(-1)"></i>
			</div>
			<div class="h_center"><span>xxx</span></div>
			<div class="h_right">
				<i class="iconfont icongengduo"></i>
			</div>
		</header>

	</div>
</template>

<script>
	export default {
		data() {
			return {};
		},
		watch: {},
		computed: {},
		components: {},
		beforeRouteEnter(to, from, next) {
			next();
		},
		beforeRouteLeave(to, from, next) {
			next();
		},
		activated() {},
		deactivated() {},
		created() {},
		mounted() {},
		methods: {}
	}
</script>

<style lang='scss' scoped>
	@import '~@/assets/css/mixin';
	.page_wrap {
		width: 100%;
		height: 100%;
		background: $bgc;
	}
	
	//头部
	header {
		width: 100%;
		height: rem(90);
		padding: 0 rem(20);
		background:  $theme-color;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 10;
		.h_left {
			display: flex;
			align-items: center;
			i {
				color: #fff;
				font-size: rem(36);
			}
		}
		.h_center {
			display: flex;
			align-items: center;
			span {
				color: #fff;
				font-size: rem(28);
			}
		}
		.h_right {
			display: flex;
			align-items: center;
			i {
				color: #fff;
				font-size: rem(36);
			}
			span {
				color: #fff;
				font-size: rem(28);
			}
		}
	}
</style>